<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
    <th:block th:include="include :: head('首页')" />
</head>
    <body>
    <body>
        <section class="material-half-bg">
            <div class="cover"></div>
        </section>
        <section class="lockscreen-content">
            <div class="logo">
                <h1>Vali</h1>
            </div>
            <div class="lock-box"><img class="rounded-circle user-image" src="/static/images/avatar.jpg">
                <h4 class="text-center user-name">John Doe</h4>
                <p class="text-center text-muted">Account Locked</p>
                <form class="unlock-form" action="index.html">
                    <div class="form-group">
                        <label class="control-label">PASSWORD</label>
                        <input class="form-control" type="password" placeholder="Password" autofocus>
                    </div>
                    <div class="form-group btn-container">
                        <button class="btn btn-primary btn-block" type="submit"><i class="fa fa-unlock fa-lg"></i>UNLOCK </button>
                    </div>
                </form>
                <p><a href="page-login.html">Not John ? Login Here.</a></p>
            </div>
        </section>
        <!-- Essential javascripts for application to work-->
        <div th:replace="include :: footer"></div>
    </body>
</html>